.positionMgmt {
  width: 100%;
  padding: 32rpx 32rpx 180rpx;
  box-sizing: border-box;

  .header {
    width: 100%;
    height: 96rpx;
    padding: 0 32rpx;
    box-sizing: border-box;

    .delete {
      color: $primary-color;
      font-size: 24rpx;
    }
  }

  .box {
    padding: 32rpx;
    margin-top: 32rpx;
    box-sizing: border-box;

  }

  .divider {
    width: calc(100% + 64rpx);
    height: 2rpx;
    position: relative;
    left: -32rpx;
    margin-top: 40rpx;
  }

  .list {
    display: flex;
    flex-wrap: wrap;
    gap: 32rpx;
    margin-top: 40rpx;
  }

  .sub-title {
    margin-top: 32rpx;
    margin-bottom: 36rpx;
    font-size: 24rpx;
  }

  .position-item {
    width: 21%;
    font-size: 24rpx;
    text-align: center;
    line-height: 60rpx;
    border-radius: 12rpx;
    color: $primary-color;
    position: relative;
    background-color: rgba($color: $primary-color, $alpha: 0.15);

    image {
      width: 32rpx;
      height: 32rpx;
      position: absolute;
      right: -10rpx;
      top: -10rpx;
    }
  }

  .footer {
    width: calc(100% - 64rpx);
    position: fixed;
    bottom: 0;
    color: #fff;
    background-color: #F9F9F9;
    

    .btn {
      width: 100%;
      // width: calc(100% - 64rpx);
      text-align: center;
      line-height: 80rpx;
      border-radius: 76rpx;
    }


    .next {
      background-color: rgba($color: $primary-color, $alpha: 0.28);
    }

    .next-active {
      background-color: $primary-color;
    }
  }
}